<section style="width: 1210px; margin: 30px auto;dispaly:block;font-family:'黑体'!important">
    <style>
        dl{
            border:1px solid #ccc;
            float:left;
            height:650px
        }
        dt,dd{
            width:300px;
            height:20px
        }
        dt{
            font-weight:bold
        }
        p,.div{
            border-top:1px solid #ccc;
            border-left:1px solid #ccc;
            width:300px;
            height:40px;
            line-height:40px;
            text-align:center;
            font-weight:bold
        }
        .div{
            width:1206px;
            height:50px;
            line-height:50px;
            border-right:1px solid #ccc;
            font-size:25px;
        }
        dd span:first-child{
            width:150px
        }
        dd span:nth-child(2){
            width:150px
        }

        dt span:first-child{
            width:150px
        }
        dt span:nth-child(2){
            width:150px
        }



        span{
            width:100px;
            height:20px;
            line-height:20px;
            text-align:center;
            display:inline-block;
            border-top:1px solid #ccc;
            border-left:1px solid #ccc;
            font-size:10px;
            float:left;
            overflow: hidden;
        }
    </style>

        <div class="div">菜大师库存列表</div>
        <dl>
            <dt style="height:30px"><p>新鲜蔬菜</p></dt>
            <dt><span>名称</span><span>库存</span></dt>
            <dd ng-repeat="item in list.vegetables1 track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.stock}}{{item.unit}}</span>

            </dd>
        </dl>
        <dl>
            <dt style="height:30px"><p>新鲜蔬菜</p></dt>
            <dt><span>名称</span><span>库存</span></dt>
            <dd ng-repeat="item in list.vegetables2 track by $index ">
                <span>{{item.commodityName}}</span>
                <span>{{item.stock}}{{item.unit}}</span>
            </dd>
        </dl>
        <dl>
            <dt style="height:30px"><p>新鲜蔬菜</p></dt>
            <dt><span>名称</span><span>库存</span></dt>
            <dd ng-repeat="item in list.vegetables3 track by $index ">
                <span>{{item.commodityName}}</span>
                <span>{{item.stock}}{{item.unit}}</span>
            </dd>
        </dl>
        <dl>
            <dt style="height:30px"><p>新鲜蔬菜</p></dt>
            <dt><span>名称</span><span>库存</span></dt>
            <dd ng-repeat="item in list.vegetables4 track by $index ">
                <span>{{item.commodityName}}</span>
                <span>{{item.stock}}{{item.unit}}</span>
            </dd>
        </dl>
        <dl style="clear:right;margin-top:100px">
            <dt style="height:30px"><p>禽蛋肉类</p></dt>
            <dt><span>名称</span><span>库存</span></dt>
            <dd ng-repeat="item in list.meat1 track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.stock}}{{item.unit}}</span>
            </dd>
        </dl>
        <dl style="clear:right;margin-top:100px">
            <dt style="height:30px"><p>禽蛋肉类</p></dt>
            <dt><span>名称</span><span>库存</span></dt>
            <dd ng-repeat="item in list.meat2 track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.stock}}{{item.unit}}</span>
            </dd>
        </dl>
        <dl style="clear:right;margin-top:100px">
            <dt style="height:30px"><p>调料干货</p></dt>
            <dt><span>名称</span><span>库存</span></dt>
            <dd ng-repeat="item in list.seasoning1 track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.stock}}{{item.unit}}</span>
            </dd>
        </dl>
        <dl style="clear:right;margin-top:100px">
            <dt style="height:30px"><p>调料干货</p></dt>
            <dt><span>名称</span><span>库存</span></dt>
            <dd ng-repeat="item in list.seasoning2 track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.stock}}{{item.unit}}</span>
            </dd>
        </dl>
        <dl style="margin-top:100px">
            <dt style="height:30px"><p>米面粮油</p></dt>
            <dt><span>名称</span><span>库存</span></dt>
            <dd ng-repeat="item in list.rice track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.stock}}{{item.unit}}</span>
            </dd>
        </dl>
        <dl style="margin-top:100px">
            <dt style="height:30px"><p>豆制品</p></dt>
            <dt><span>名称</span><span>库存</span></dt>
            <dd ng-repeat="item in list.bean track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.stock}}{{item.unit}}</span>
            </dd>
        </dl>
        <dl style="margin-top:100px">
            <dt style="height:30px"><p>水产</p></dt>
            <dt><span>名称</span><span>库存</span></dt>
            <dd ng-repeat="item in list.aquatic track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.stock}}{{item.unit}}</span>
            </dd>
        </dl>
        <dl style="margin-top:100px">
            <dt style="height:30px"><p>冻货</p></dt>
            <dt><span>名称</span><span>库存</span></dt>
            <dd ng-repeat="item in list.frozen track by $index">
                <span>{{item.commodityName}}</span>
                <span>{{item.stock}}{{item.unit}}</span>
            </dd>
        </dl>
</section>